#container {
    background-color: aquamarine;
    width: 600px;
    margin: auto;
    
}

.flex {
    display: flex;
}

#edit {
    width:75%;
    height:30px;
    border: solid;
    border-width: 1px;
    border-color: gray;
}

#addTask {
    width:25%;
    background-color: #ffa500;
    color:white;
    border: none;
    font-size: 10px;
}

#addTask:active {
    background-color: gray;
}

.flex > .status {
    width: 50%;
    text-align: center;
    height:30px;
    line-height: 30px;
    background-color: black;
    color:white;
}

.flex > .tasks {
    width: 50%;
    background-color: white;
}

.line {
    height:30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sp {
    height: 30px;
    display: flex;
    align-items: center;
}

